<template>
  <view class="audit">
    <view class="audit-top">
      <u-image width="30px" height="30px" :src="obj.img" border-radius="50%" />
      <text class="audit-top-name">{{ obj.editUser && obj.editUser.trueName }}</text>
    </view>
    <view class="audit-content">
      <u-input
        :value="obj.content"
        :type="'textarea'"
        :border="false"
        :auto-height="true"
        :custom-style="{
          'padding': '12px'
        }"
        :clearable="false"
        disabled
      />
      <view v-viewer="{movable:false}" class="audit-content-img-view">
        <view
          v-for="(img, i) in obj.imgArr"
          :key="i"
          class="audit-content-img-content"
        >
          <u-image
            width="44px"
            height="44px"
            :src="img.imgurl"
            border-radius="5px"
          />
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    obj: {
      type: Object,
      default: () => {}
    }
  }
};
</script>

<style lang="scss" scoped>
.audit{
  .audit-top{
    display: flex;
    .audit-top-name{
      padding-left: 7px;
      height: 30px;
      line-height: 30px;
      color: #b6b9bf;
      font-size: 14px;
    }
  }
  .audit-content{
    background-color:#eaecf0;
    border-radius: 8px;
    margin-top: 8px;
    .audit-content-img-view{
      display: flex;
      padding: 12px 12px 0 12px;
      display: flex;
      flex-wrap: wrap;
      .audit-content-img-content{
        margin-right: 10px;
        margin-bottom: 13px;
      }
    }
  }
}
</style>
